<script lang="ts" setup>
import { buildStyles, getSize } from "../utils";

const props = withDefaults(
  defineProps<{
    width?: string | number;
    height?: string | number;
  }>(),
  {
    width: 100,
    height: 100,
  }
);

const styles = buildStyles(() => {
  return {
    width: getSize(props.width),
    height: getSize(props.height),
  };
});
</script>

<template>
  <div class="umi-qrcode">
    <img
      :style="styles"
      src=""
      alt="" />
  </div>
</template>
